<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #nav ul {

    list-style: none;

    margin-left: 50px;


}
        #nav li {

    display: inline;

    line-height:60px;

    float:right;

}



#nav a {

    color: #fff;

    text-decoration: none;

    padding: 30px 20px;


}
body{
    background: yellow;
}
#nav a:hover {

    background-color:floralwhite;
    color: black;

}
    </style>
</head>
<body>
        <div id="nav">

  <ul>

    <li><a href="http://blog.csdn.net/superbirds" title="">用户</a></li>

    <li><a href="#goto1" title="">自助服务</a></li>

    <li><a href="http://127.0.0.1:8000/Homepage/" title="">主页</a></li>


  </ul>

  </div>
</body>
</html>